<template>
  <div class="luckim-editor-toolbar" v-if="activeContact">

    <li v-for="item in editorToolbar" :key="item.type" :type="item.type"
        @click="item.click"
        v-show="canShow(item)"
        v-html="item.icon"></li>

  </div>
</template>

<script>
export default {
  name: "editor-toolbar",
  props: {
    activeContact:null,
  },
  data() {
    return {

    };
  },
  computed: {
    editorToolbar() {
      return this.$store.state.config.editorToolbar;
    }
  },
  methods: {
    canShow(item) {
      return !(this.activeContact.type=='group' && item.type=='shake');
    }
  }
}
</script>

<style scoped>

</style>
